<template>
    <view class="box u-flex u-flex-col"
          :style="{ top }">
        <!-- 暂无数据 -->
        <image class="icon-empty"
               :src="emptyImg"
               mode="widthFix"></image>
        <view class="desc"
              :style="{color:tipColor}">{{ tipText }}</view>
    </view>
</template>

<script>
export default {
    props: {
        /* 用于定位  */
        top: {
            type: String,
            default: '50vh'
        },
        emptyImg: {
            type: String,
            default: require('@/static/images/common_pic_null@2x.png')
        },
        tipColor: {
            type: String,
            default: '#999'
        },
        tipText: {
            type: String,
            default: '暂无数据'
        }
    }
};
</script>

<style lang="scss" scoped>
.box {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -75%);
    // 图片
    .icon-empty {
        margin-bottom: 15rpx;
        width: 340rpx;
        height: 340rpx;
    }
    // 描述
    .desc {
    }
}
</style>
